@charset "utf-8";
/* CSS Document */

@import url("layout.css");
@import url("content.css");
@import url("member.css");
@import url("mypage.css");

/*********************************************
* BODY
*********************************************/
html, body, div	{ 
		scrollbar-3dlight-color:#e6e6e6;
		scrollbar-arrow-color:#7E7E7E;
		scrollbar-track-color:#FFFFFF;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#FFFFFF;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#e6e6e6;
}

html	{overflow-y:scroll;}		
body		{background:#ffffff;color:#666;line-height:1.5;height:100%}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0;padding:0;}
body, input, select, textarea, button {font-size:12px;font-family:"나눔고딕","맑은 고딕", "돋움" ,"dotum","Verdana","Arial", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0;padding:0; font-family:"나눔고딕","맑은 고딕", "돋움" ,"dotum","Verdana","Arial", sans-serif}

caption, legend{ display:none}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul { list-style:none none;margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;font-weight:normal;}

a,img,input {outline:none;}
a { selector-dummy : expression(this.hideFocus=true);}

/*********************************************
* FORM
*********************************************/
input          {border:none; background-color:none;}
textarea       {border:none; background-color:none;}

.no_input          {border:none !important;background-color:none;}
.none{ display:none}
.bg_none { background:none! important}
.bd_none { border-bottom:none! important}

.inp{ border: 1px solid #C4C4C4; background: #FBFBFB; padding:2px; height:21px;line-height:21px;}
.select{border: 1px solid #C4C4C4; height: 27px; line-height: 27px; padding: 4px 2px; background: #FBFBFB;}
.texta{ border: 1px solid #C4C4C4; padding:10px}

/********************************************* 
* LINK 
****************************************/ 
A:LINK 	  		{color:#666; text-decoration:none;}
A:VISITED	 	{color:#666; text-decoration:none;}	
A:ACTIVE 		{color:#666; text-decoration:none;}	
A:HOVER 		{color:#000; text-decoration:none;}


/*********************************************
* contents 요소_base
*********************************************/
.dis_in  {display:inline;}
.dis_bl  {display:block;}
.align_l  {text-align:left !important;}
.align_r  {text-align:right !important;}
.align_c  {text-align:center !important;}
.align_m  {vertical-align:middle !important;}
.align_t  {vertical-align:top;}
.cursor   {cursor:pointer;}


/*********************************************
* text
*********************************************/
.b       {font-weight:bold;}
.f11		{Font-size:11px;}
.f12		{Font-size:12px;}
.f14		{Font-size:14px;}
.just      {text-align:justify;}

/*  sub_공용    */
.ff_normal     { font-weight:normal;}
.ff_0      {color:#000000;} 
.ff_f      {color:#ffffff;}
.ff_6      {color:#666666;}
.ff_blue   {color:#448ccb;}
.no_bg   {background:transparent;}
.ol   {list-style:decimal none outside;padding-left:20px; color:#e78715; font-weight:bold;}
.ol p  { font-weight:normal; color:#5e5e5e; text-align:justify;}
.ul li  {background:url(/images/common/bullet02.gif) no-repeat 0 5px; padding-left:12px;}

.point_g{ color:#959595}
.point_b{ color:#0054a6}
.point_r{ color:#cf3533}

.ft_r{ color:#ff3333}
.ft_b{ color:#0087d5}
.ft_gr{color:#93b922}

/*********************************************
* 레이아웃 요소
*********************************************/
.fl  {float:left !important;}
.fr  {float:right !important;}
.clear  {clear:both;}
.clear_l  {clear:left;}
.ie_error   { height:0;display:none;text-indent:-9999px;}
.group:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}
.group{ display:inline-block}
.group{ display:block}


/*********************************************
* margin
*********************************************/
.ma_0  {margin:0px;}
.ma_center  {margin:0 auto;}
.ma_left3  {margin-left:3px;}
.ma_left5  {margin-left:5px;}
.ma_left10  {margin-left:10px;}
.ma_left15  {margin-left:15px;}
.ma_left20  {margin-left:20px;}
.ma_left25  {margin-left:25px;}
.ma_left30  {margin-left:30px;}
.ma_left35  {margin-left:35px;}
.ma_left40  {margin-left:40px;}
.ma_left50  {margin-left:50px;}
.ma_left60  {margin-left:60px;}
.ma_right2  {margin-right:2px;}
.ma_right5  {margin-right:5px;}
.ma_right10  {margin-right:10px;}
.ma_right20  {margin-right:20px;}
.ma_right25  {margin-right:25px;}
.ma_right40  {margin-right:40px;}
.ma_right50  {margin-right:50px;}
.ma_right90  {margin-right:100px;}
.ma_top2   {margin-top:2px;}
.ma_top3   {margin-top:3px;}
.ma_top4   {margin-top:4px;}
.ma_top5   {margin-top:5px;}
.ma_top7   {margin-top:7px;}
.ma_top10  {margin-top:10px;}
.ma_top15  {margin-top:15px;}
.ma_top20  {margin-top:20px;}
.ma_top25  {margin-top:25px;}
.ma_top30  {margin-top:30px;}
.ma_top35  {margin-top:35px;}
.ma_top40  {margin-top:40px;}
.ma_top50  {margin-top:50px;}
.ma_bottom3  {margin-bottom:3px;}
.ma_bottom5  {margin-bottom:5px;}
.ma_bottom7  {margin-bottom:7px;}
.ma_bottom10  {margin-bottom:10px;}
.ma_bottom15  {margin-bottom:15px;}
.ma_bottom20  {margin-bottom:20px;}
.ma_bottom25  {margin-bottom:25px;}
.ma_bottom30  {margin-bottom:30px;}

.ma_w10{margin:0 10px}


/*********************************************
* padding
*********************************************/
.pad_10   {padding:10px;}

/*********************************************
* padding-top
*********************************************/
.top_2    {padding-top:2px;}
.top_5    {padding-top:5px;}
.top_10    {padding-top:10px;}
.top_15    {padding-top:15px;}
.top_20    {padding-top:20px;}
.top_30    {padding-top:30px;}
.top_40    {padding-top:40px;}


/*********************************************
* padding-bottom
*********************************************/
.bottom_5    {padding-bottom:5px;}
.bottom_10    {padding-bottom:10px;}
.bottom_15    {padding-bottom:15px;}
.bottom_20    {padding-bottom:20px;}
.bottom_30    {padding-bottom:30px;}



/*********************************************
* padding-left
*********************************************/
.left_5   {padding-left:5px;}
.left_10   {padding-left:10px;}
.left_35   {padding-left:35px;}
.left_48   {padding-left:48px;}



/*********************************************
* padding-right
*********************************************/
.right_10   {padding-right:10px;}


